<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>커브그리기</title>
	<script src="raphael/raphael.js" charset="UTF-8"></script>
	<script>
		function makePaper(el, width, height) {
			// 페이퍼 만들기
			// el = 엘리먼트, width = 가로 사이즈, height = 세로 사이즈
			this.paper = Raphael(el, width, height)
		}

		makePaper.prototype.makePath = function(pathString) {
			this.paper.path(pathString);
		};

		window.onload = function() {
			var paper = new makePaper(document.getElementsByTagName('body')[0], 400, 400); // el, width, height
			
			// C = 커브를 그린다. x1,y1 x2,y2 x,y
			// 대문자 절대, 소문자 상
		    // x1,y1 x2,y2는 커브의 포인터들이다.
		    //var pathString = 'M40,40 C40,60 80,80 170,20';
		    var pathString = 'M40,40 C40,60 80,80 170,20';
		    paper.makePath(pathString);

		}
	</script>
	<style>
	svg { border:1px solid gray; }
	</style>
</head>
<body>
</body>
</html>